<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热卖爆品</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/rmbp.js"></script>
    <style>
        body{
            background: #f2f2f2;
        }
        *{
            margin: 0;
            padding: 0;
        }
        img{
            display: block;
        }
        .w{
            width: 1210px;
            margin: 0 auto;
        }
        ul{
            list-style: none;
        }
        em{
            font-style: normal;
        }
        .jiadian-best{
            height: 490px;
        }
        .jiadian-best .mt{
            height: 44px;
            padding: 20px 0 10px;
            background: url("images/slash.png") repeat-x 0 38px;
        }
        .jiadian-best .mt .title{
            margin: 0 auto;
            width: 150px;
            height: 44px;
            line-height: 44px;
            font-size: 24px;
            font-weight: 700;
            background-color: #f2f2f2;
            color: #333;
            text-align: center;
        }
        .tab-head{
            margin-bottom: 7px;
            background: #fff;
            height: 104px;
            border: 1px solid #f8f8f8;
        }
        .jiadian-best .tab-head li{
            float: left;
            width: 134px;
            height: 90px;
            padding-top: 14px;
            color: #333;
        }
        .jiadian-best .tab-head li:hover{
            background: #F26E6E;
            color: #fff;
        }
        .tab-head li img{
            margin: 0 auto;
            width: 50px;
            height: 50px;
        }
        .tab-head em{
            display: block;
            font-size: 14px;
            text-align: center;
            height: 26px;
            line-height: 26px;
        }
    </style>
</head>
<body>
<div class="jiadian-best w" id="jiadian-best">
    <div class="mt">
        <h3 class="title">热卖爆品</h3>
    </div>
</div>
</body>
</html>